<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.*,hotel.entity.*"%>
<section class="content-header">
	<h1>
		<i class="fa fa-calendar-check-o"></i> 销售记录 <small></small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
		<li class="active">销售记录 </li>
	</ol>
</section>

<section class="content">
	<div class="box">
		<div class="box-header">
			<button id="btn-view" type="button"
				class="layui-btn layui-btn-radius layui-btn-normal">
				<i class="layui-icon">&#xe63c;</i>查看详情
			</button>
		</div>

		<div class="box-body">

			<table class="layui-table" id="salesTable"></table>

		</div>
	</div>
</section>

<script type="text/javascript">
	layui.use('table', function() {
		var table = layui.table;
		table.render({
			elem : '#salesTable',
			url : 'saleslist',
			page : true,
			cols : [[ //表头
				  {type:'checkbox'},
			      {field: 'salesid', title: 'ID', sort: true,align: 'center'},
			      {field: 'orderNumber', title: '订单号',sort: true,align: 'center'},
			      {field: 'categoryName', title: '房间类型名称',align: 'center'},
			      {field: 'amount', title: '房间数量',sort: true,align: 'center'},
			      {field: 'totalPrice', title: '付款金额', sort: true,align: 'center'},
			      {field: 'operateUserid', title: '操作员编号', sort: true,align: 'center'},
			      {field: 'salesTime', title: '销售时间', sort: true,align: 'center'}
			]]
		});

		//修改按钮
		$('#btn-edit').click(function() {
// 			var checkStatus = table.checkStatus('salesTable'); //reserveTable即为数据表格id
// 			//console.log(checkStatus.data[0].reserveid) //获取选中行的数据
// 			//获取选中行数量，可作为是否有选中行的条件
// 			if(checkStatus.data.length>1||checkStatus.data.length==0){
// 				layer.msg('请选择一行! 当前选中行数: '+checkStatus.data.length, {time : 800,icon : 7});
// 			}else if(checkStatus.data.length==1){
// 				layer.open({
// 					type : 2,
// 					title : "修改预定信息",
// 					area : [ '800px', '560px' ],
// 					content : 'editReserve?reserveid=' + checkStatus.data[0].reserveid,
// 					shade : [ 0.6, '#000' ],//阴影透明度
// 					//shadeClose: true,//点击阴影关闭
// 					anim : 2,//弹出动画
// 					isOutAnim : false,//关闭无动画
// 					end : function(index) {
// 						table.reload('salesTable',{where : {},page : {curr : 1}});
// 					}
// 				});
// 			}
		});
		
		//查看按钮
		$('#btn-view').click(function() {
			var checkStatus = table.checkStatus('salesTable');
			//获取选中行数量，可作为是否有选中行的条件
			if(checkStatus.data.length>1||checkStatus.data.length==0){
				layer.msg('请选择一行! 当前选中行数: '+checkStatus.data.length, {time : 800,icon : 7});
			}else if(checkStatus.data.length==1){
				layer.open({
					type : 2,
					title : "销售详情",
					area : [ '1000px', '660px' ],
					content : 'viewSales?salesid=' + checkStatus.data[0].salesid,
					shade : [ 0.6, '#000' ],//阴影透明度
					anim : 2,//弹出动画
					isOutAnim : false,//关闭无动画
				});
			}
		});
	});
</script>